<template>
  <div>
    <div>父组件触发子组件函数方法</div>
    <div><button @click="handlerClick">点击触发</button></div>
    <!-- 给子组件添加引用属性 -->
    <ClickComponents ref="childRef"></ClickComponents>
  </div>
</template>

<script setup>
import ClickComponents from "@/components/ClickComponents.vue";
import {ref} from 'vue'

// 创建一个 ref 对象，用于引用子组件
const childRef = ref(null);

// 父组件定义的方法，用于调用子组件的方法
const handlerClick = () =>{
    // 确保 childRef 指向子组件实例
    if(childRef.value){
        // 调用子组件的 childMethod 方法
        childRef.value.clickBtn('更新内容');
    }
}

</script>
<style lang="scss" scoped>
</style>